{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    {% block content %}{% endblock %}
    <div id="live2d-widget">
        {% comment %} <canvas id="live2dcanvas" width="100" height="400" style="position: fixed;opacity: 0.7;left: 0px;bottom: -20px;z-index: 99999;pointer-events: none;border: 1px dashed rgb(204, 204, 204);"></canvas> {% endcomment %}
        <canvas id="live2dcanvas" width="400" height="800" style="position: absolute; left: 0px; top: 0px; width: 200px; height: 400px;"></canvas>
    </div>
<script type="text/javascript" charset="utf-8" async="" src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.0.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js?_=1557308476616"></script>
<script type="text/javascript">
    L2Dwidget.init({
        "display": {
            "superSample": 2,
            "width": 100,
            "height": 180,
                "position": "left",
                    "hOffset": 0,
            "vOffset": 0
            }
        });
</script>
</body>
<style type="text/css">
    body{
        background-color:#d5c59f
    }
    .label1{
        font-family:'KaiTi_GB2312';
        font-size: 15px;
    }
    .page-header{
        font-family:'FZShuTi';
    }
    .alert-link{
        font-family:'KaiTi_GB2312';
    }
</style>
</html>
